<!doctype html>
<html lang="zh-CN">

<head>
    <title>注册</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/regiset2.css">
</head>

<body>
    <div id='app' class='dis-cen'>
        <div class='dis-spa login-wrap'>
            <div>
                <img src="./img/login-bg2.png" width="100%" height="100%">
            </div>
            <div class='login-input'>
                <div>
                    <img class='logo-img' src="./img/login-bg3.png" height="50px">
                    <input type="text" placeholder="设置密码（8-20位的数字或字母）">
                    <div class='invi-code'>
                        <input class='put' type="text" placeholder="确认密码">
                        <span>输入有误</span>
                    </div>
                    <a href="" class='login-btn'>完成注册</a>
                    <p class='dis-spa forget'>
                        <span>
                            注册即同意
                            <a href="">《用户协议》</a>
                        </span>
                        <a href="login.html">去登陆</a>
                    </p>
                </div>

            </div>
        </div>
    </div>
    <script src="./js/vue.min.js"></script>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                phone: '111',
                pas: ''
            }
        });
    </script>

</body>

</html>